<!DOCTYPE html>
<html lang="en">
<head>
  <!-- 设置文档字符集为UTF-8 -->
  <meta charset="UTF-8">
  <!-- 设置视口宽度为设备宽度，初始缩放比例为1.0 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 文档标题 -->
  <title>练习生</title>
  <style>
    /* 按钮样式 */
    button{
      /* 按钮背景颜色为黄色 */
      background-color: yellow;
      /* 按钮字体大小为30像素 */
      font-size: 30px;
    }
</style>
</head>
<body>
  <!-- 带有自定义内容的按钮 -->
  <button>
    大家好，我是练习两年半的练习生，鸡哥
  </button>
  <script>
    // 当点击按钮时执行的事件处理函数
    document.querySelector('button').onclick = function(){
      // 弹出提示框，显示点击按钮后的信息
      alert('喜欢唱跳rap打篮球')
    }
  </script>
</body>
</html>